<!DOCTYPE html>
<html>
{% load static %}
<head>
    <title>后台管理系统</title>
    <meta name="author" content="DeathGhost" />
    <link rel="stylesheet" type="text/css" href="{% static 'admin/css/style.css' %}">
    <!--[if lt IE 9]>
    <script src="{% static 'admin/js/html5.js' %}"></script>
    <![endif]-->
    <script type="text/javascript" src="../../static/js/ie6.js"></script>
    <script src="{% static 'admin/js/jquery.js' %}"></script>
    <script src="{% static 'admin/js/jquery.mCustomScrollbar.concat.min.js' %}"></script>


    <link rel="stylesheet" type="text/css" href="{% static 'admin/css/index.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'font-awesome/css/font-awesome.css' %}">

    <link rel="stylesheet" type="text/css" href="{% static 'css/animate.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'css/newstyle2.css' %}">


</head>
<body>
<!--header-->
<header>
 <h1><img src="{% static 'admin/images/admin_logo.png' %}"/></h1>
 <ul class="rt_nav">
  <li><a href="{% url 'Admin:admin_index' %}" target="_blank" class="website_icon">站点首页</a></li>
  <li><a href="{% url 'Admin:admin.logout' %}" class="quit_icon">安全退出</a></li>
 </ul>
</header>
<!--aside nav-->
<!--aside nav-->
<aside class="lt_aside_nav content mCustomScrollbar">
 <h2><a href="#">超级管理员：&nbsp;{{ userinfo.username }}</a></h2>
 <ul>
   <li>
   <dl>
    <!--当前链接则添加class:active-->
    <dt>图片管理</dt>
    <dd><a href="{% url 'Admin:imagemanage' %}"   class="active1" >图片上传</a></dd>
   </dl>
  </li>
  <li>
   <dl>
    <!--当前链接则添加class:active-->
    <dt>商品管理</dt>
    <dd><a href="{% url 'Admin:addproduct' %}">商品添加/修改</a></dd>
    <dd><a href="{% url 'Admin:categorym' %}">种类添加</a></dd>
    <dd><a href="{% url 'Admin:product_list' %}">商品列表</a></dd>
   </dl>
  </li>
  <li>
   <dl>
    <dt>订单管理</dt>
    <dd><a href="#">订单列表</a></dd>
    <dd><a href="#">订单详情</a></dd>
   </dl>
  </li>

  <li>
   <p class="btm_infor">© YeQin 版权所有</p>
  </li>
 </ul>
</aside>

<section class="rt_wrap content mCustomScrollbar">
 <div class="rt_content">
       <div id="page-wrapper" class="gray-bg">
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-9">
                <h2>图片管理</h2>
                <ol class="breadcrumb">
                    <li class="active">
                        <strong>图片上传</strong>
                    </li>
                </ol>
            </div>
        </div>
        <div class="wrapper wrapper-content">
            <div class="row">
                <div class="col-lg-3">
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            <div class="file-manager">
                                <form action="" method="post" id="imglist" enctype="multipart/form-data">
                                    {% csrf_token %}
                                    <input type='file' class="btn btn-primary btn-block file-button" name="imgfile"
                                           id="imgfile" multiple="true">
                                </form>
                                <button class="btn btn-primary btn-block" id="btn">上传图片</button>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9 animated fadeInRight">
                    <div class="row">
                        <div class="col-lg-12">
                            {% for img in imglist %}
                                <div class="file-box">
                                    <div class="file">
                                        <span class="corner"></span>
                                        <a href="{{ img.url }}" target="_blank">
                                            <div class="image">
                                                <img alt="image" class="img-responsive" src="{{ img.url }}">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
         <aside class="paging">
              {% if page.has_previous  %}
              <a href="{% url 'Admin:imagemanage' %}?page_num={{ page.previous_page_number }}">上一页</a>
              {% else %}
              <a href="#">上一页</a>
             {% endif %}

            {% if page.has_next  %}
              <a href="{% url 'Admin:imagemanage' %}?page_num={{ page.next_page_number }}">下一页</a>
              {% else %}
              <a href="#">下一页</a>
            {% endif %}
      </aside>



        </div>
    </div>



 </div>
</section>


<!-- Mainly scripts -->
<script src="{% static 'js2/jquery-2.1.1.js' %}" type="text/javascript"></script>
<script src="{% static 'js2/bootstrap.js' %}" type="text/javascript"></script>
<script src="{% static 'js2/jquery.metisMenu.js' %}" type="text/javascript"></script>
<script src="{% static 'js2/jquery.slimscroll.min.js' %}" type="text/javascript"></script>



<!-- Custom and plugin javascript -->
<script src="{% static 'js2/inspinia.js' %}" type="text/javascript"></script>
<script src="{% static 'js2/pace.min.js' %}" type="text/javascript"></script>


<!-- Myself javascript -->

<script src="{% static 'js/jquery.zeroclipboard.min.js' %}" type="text/javascript"></script>
{#<script src="{% static 'js/filemanage.js' %}" type="text/javascript"></script>#}
<script src="{% static 'js2/images.js' %}" type="text/javascript"></script>


<script src="{% static 'admin/js/amcharts.js' %}" type="text/javascript"></script>
<script src="{% static 'admin/js/serial.js' %}" type="text/javascript"></script>
<script src="{% static 'admin/js/pie.js' %}" type="text/javascript"></script>


</body>
</html>
